@import '~scss/variables';

.card {
  display: flex;
  min-height: 80px;
  border:1px solid;
  border-color:#f2f6fc;
  border-radius: $border-radius;
  background-color: #ffffff;
  box-shadow: 0 4px 8px 0 rgba(36, 46, 66, 0.06);
  transition: all $trans-speed ease-in-out;
  &>div{
    text-align: 'center';
  }
  &:hover {
    box-shadow: 0 6px 16px 0 rgba(33, 43, 54, 0.2);
  }

  & + .card {
    margin-top: 8px;
  }

  :global {
    .column {
      display: flex;
      align-items: center;
    }

    .h6 {
      line-height: 1.71;
      font-family: $font-family-id;

      p {
        font-size: $size-small;
        font-weight: normal;
      }
    }
  }

  p {
    color: #79879c;
  }

  strong {
    color: #242e42;
  }
  .sheetPng{
    text-align: center;
    width: 30%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .sheetContainer{
    text-align: center;
    width: 70%;
    background-color: #f9fbfd;
    display: flex;
  }
  .sheetContent{
    width: 65%;
    padding: 15px;
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .statusContainer{
    padding: 5px;
    border-radius: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .dealingStatus{
    width: 49px;
    background-color: #defdee;
    padding: 1px;
    border-radius: 2px;
    font-family: Microsoft YaHei;
    color: #49b07e;
    font-size: 12px,
  }
  .finishStatus{
    width: 49px;
    background: #ebf3ff;
    padding: 1px;
    border-radius: 2px;
    font-family: Microsoft YaHei;
    color: #317df9;
    font-size: 12px;
  }
}
